<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="DHTMLX/dhtmlxdataview/codebase/dhtmlxdataview.js" type="text/javascript"></script>
        <script src="DHTMLX/dhtmlxdataview/codebase/types/ftypes.js" type="text/javascript"></script>
        <link rel="STYLESHEET" type="text/css" href="DHTMLX/dhtmlxdataview/codebase/dhtmlxdataview.css">  
        <link rel="STYLESHEET" type="text/css" href="DHTMLX/dhtmlxdataview/codebase/types/ftypes.css">  
    </head>
    <body>

        <script>
            dhtmlx.image_path = "DHTMLX/dhtmlxdataview/codebase/imgs/";
            var data;
            
            function doOnLoad() {
                try {
                data = new dhtmlXDataView("data_container");
                }catch(e) {
                    alert(e);
                }
                changeType("ficon");
                data.define("drag", true);
                data.load("DHTMLX/dhtmlxdataview/samples/common/files_ext.xml");
            }
            function changeType(type) {
                data.define("type", type);
                data.customize({icons_src_dir: "DHTMLX/dhtmlxdataview/samples/common/images"});
            }
            try {
            doOnLoad();
            }
            catch(e) {
                //alert(e);
            }
        </script>


        <div style="position:relative;">
            <img src="DHTMLX/dhtmlxdataview/samples/common/images/samples_frame.gif" width="436" height="513" alt="" border="0">
            <div id="data_container" style="width:396px;height:400px;overflow:hidden;position:absolute;top:65px;left:20px;border:0px solid red;"></div>
        </div>
        <h3>Changing type, Folders adapts drag-n-drop to new items appearence</h3>
        <input type="radio" name="switch" onclick="changeType(this.value)" value="ficon" checked> F-icon<br>
        <input type="radio" name="switch" onclick="changeType(this.value)" value="ftiles"> F-titles<br>
        <input type="radio" name="switch" onclick="changeType(this.value)" value="ftable"> F-tab


    </body>
</html>
